<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="context-path" th:content="@{/}" />
<link th:href="@{/static/bootstrap/3.3.5/css/bootstrap.min.css}"
	rel="stylesheet" />
<link th:href="@{/static/bootstrap/3.3.5/css/bootstrap-theme.min.css}"
	rel="stylesheet" />

<script type="text/javascript"
	th:src="@{/static/jquery/1.11.3/jquery-1.11.3.min.js}"></script>
<script type="text/javascript"
	th:src="@{/static/bootstrap/3.3.5/js/bootstrap.min.js}"></script>

<title>公司信息维护</title>
</head>
<body>
	<div class="container">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<h3>公司信息维护</h3>


				<!-- 中文名称	英文名称	类型	长度	备注
				主键	id			自增ID
				公司名称	comany_name	varchar	255	
				联系人	contact_man	varchar	100	
				电话	tel	varchar	100	
				开户行名称	bank_name	varchar	255	
				银行帐号	bank_account	varchar	255	
			 -->


				<form role="form">
					<div class="form-group">
						<label for="companName">公司名称</label> <input class="form-control"
							id="companyName" name="companyName" type="text"
							th:value="${company.companyName}" />
					</div>
					<div class="form-group">
						<label for="contactMan">联系人</label> <input class="form-control"
							id="contactMan" name="contactMan" type="text"
							th:value="${company.contactMan}" />
					</div>
					<div class="form-group">
						<label for="tel">电话</label> <input class="form-control" id="tel"
							name="tel" type="text" th:value="${company.tel}" />
					</div>

					<div class="form-group">
						<label for="tel">开户行名称</label> <input class="form-control"
							id="bankName" name="bankName" type="text"
							th:value="${company.bankName}" />
					</div>

					<div class="form-group">
						<label for="tel">银行帐号</label> <input class="form-control"
							id="bankAccount" name="bankAccount" type="text"
							th:value="${company.bankAccount}" />
					</div>

					<button type="button" id="btnModify" class="btn btn-primary">Submit</button>
				</form>
			</div>
		</div>
	</div>

	<script type="text/javascript">
	
	//上下文信息  
	var BASE_CONTEXT_PATH = $('meta[name=context-path]').attr("content");
	BASE_CONTEXT_PATH = BASE_CONTEXT_PATH.substr(0,
			BASE_CONTEXT_PATH.length - 1);
	
	
	/*
		功能：修改公司信息
		参数：
			company:公司信息
 	*/
	function modifyCompanyInfo(company) {
		var logined = false;
		var urlStr = BASE_CONTEXT_PATH + "/back/companyinfo/modify"; // 需要提交的 url
	
		//alert("url is:"+urlStr);
		$.ajax({
			type : "POST", // 提交方式 get/post
			url : urlStr,
			contentType : "application/json", //必须有  
			/* dataType: "json", *///表示返回值类型，不必须			
			data : JSON.stringify(company),
			success : function(res) { // data 保存提交后返回的数据，一般为 json 数据
				console.log(res);
				if (res != null) {
					var obj = $.parseJSON(res);
					alert("status:" + obj.status);
					if (obj.message == "updated") {
						alert("修改成功");
					} else {
						//处理其它标志
					}
				}
			},
			error : function(jqXHR, textStatus, errorThrown) {
				/*弹出jqXHR对象的信息*/
				alert(jqXHR.responseText);
				alert(jqXHR.status);
				alert(jqXHR.readyState);
				alert(jqXHR.statusText);
				/*弹出其他两个参数的信息*/
				alert(textStatus);
				alert(errorThrown);
	
			}
		});
	}

	$(function() {
		/*
			【提交】按钮处理
		 */
		$("#btnModify").on('click', function(e) {
			var company=new Object();
			//对象赋值
			company.companyName=$("#companyName").val();
			company.contactMan=$("#contactMan").val();
			company.tel=$("#tel").val();
			company.bankName=$("#bankName").val();
			company.bankAccount=$("#bankAccount").val();
			
			//发送请求		
			modifyCompanyInfo(company); //send request
		
		});
	
	});


</script>

</body>
</html>